<meta name="csrf-token" content="{{ csrf_token() }}">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="/css/app22.css">
<script type="text/javascript" src="/js/rem.js"></script>
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css"/>
<script type="text/javascript" src="/js/swiper.min.js"></script>
<div style="margin-bottom: 20px;">
	<a href="javascript:history.back(-1)" class="btn btn-primary btn-lg active" role="button"><返回</a>
</div>
<div style="height: 130px;">
	<div class="col-xs-12" style="height: 2px;background-color: #b53131;margin-bottom: 20px;">
	</div>
	<div>
		<p class="col-xs-6">巡场问题：{{$ques_nums}}</p>
		<p class="col-xs-6">符合：{{$y_nums}}</p>
	</div>
	<div>
		<p class="col-xs-6">不符合：{{$n_nums}}</p>
		<p class="col-xs-6">巡场人：{{$xc_user}}</p>
	</div>
	<div>
		<p class="col-xs-12">巡场时间：{{$created_at}}</p>
	</div>
	<div class="col-xs-12" style="height: 2px;background-color: #b53131;margin-top: 20px;margin-bottom: 20px;">
	</div>
</div>
<div id="main">
    <div id="list">
      <ul>
        @foreach ($data as $value)
        <li>
          <div>
            <label style="font-size: 16px;">{{$value->order_num}} 、 {{$value->ques_title}}
            	@if($value->is_handled=='1')
            	<span style="color: green;font-size: 10px;">(已当场处理)</span>
            	@endif
            </label>
          </div>
          <p class="text-muted" style="word-break: break-all;margin-right: 10px;margin-left: 16px;">{{$value->ques_desc}}</p>
          <div>
          	<p>问题种类：{{$value->ques_type_name}}</p>
          	<p>处理部门：{{$value->dep_name}}</p>
          </div>
          <div>
            异常描述：<textarea class="form-control" rows="3" disabled>{{$value->xc_ques_desc}}</textarea>
          </div>
          <div class="po-cmt">
            <div class="po-hd">
              <div class="post">
                异常图片：
                <p>
                  @for($i=0; $i < count(explode(";", $value->ques_img)); $i++)
                  <img class="list-img" src="{{explode(';', $value->ques_img)[$i]}}" style="height: 80px;">
                  @endfor
                </p>
              </div>
            </div>
          </div>
        </li>
        <div class="fengexian" style="height: 2px;background-color: #b53131;margin-top: 20px;"></div>
        <script>
        	$(document).ready(function(){
	          /*调起大图 S*/
	           var mySwiper = new Swiper('.swiper-container2', {
	                loop: false,
	                pagination: '.swiper-pagination2',
	                })
	            $("#list").on("click", ".post img", 
	            function() {
	                var imgBox = $(this).parents(".post").find("img");
	                //alert(imgBox);
	                var i = $(imgBox).index(this);
	                //alert(i);
	                $(".big_img .swiper-wrapper").html("")

	                for(var j = 0 ,c = imgBox.length; j < c ;j++){
	                 $(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
	                }
	                mySwiper.updateSlidesSize();
	                mySwiper.updatePagination();
	                $(".big_img").css({
	                    "z-index": 1001,
	                    "opacity": "1"
	                });
	                mySwiper.slideTo(i, 0, false);
	                return false;
	            });
	          
	            $(".big_img").on("click", 
	            function() {
	                $(this).css({
	                    "z-index": "-1",
	                    "opacity": "0"
	                });
	            });
	        });
        </script>
        @endforeach
      </ul>
    </div>
</div>
<div class="big_img">
	<div class="swiper-container2">
		<div class="swiper-wrapper"> </div>
	</div>
</div>

